<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>艾家艾产品线上销售平台</title>
    <link rel="shortcut icon" href="../img/favicon.ico">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../them/swiper/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="../../them/video/css/video-js.css">
    <script src="../them/jquery/jquery-1.7.2.js"></script>
    <script src="../them/swiper/js/swiper-3.4.2.jquery.min.js"></script>
    <script src="../them/video/js/videojs-ie8.min.js"></script>
    <script src="../them/jquery/jquery.cookie.js"></script>
</head>
<body>
<!--视频-->
<div class="video">
    <p class="tittle">听雷总讲述小米7年工艺探索之路<span class="close">X</span></p>
    <video id="my-video" class="video-js" controls preload="auto" width="880" height="536" data-setup="{}">
        <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    </video>
    <script src="../../them/video/js/video.min.js"></script>
    <script type="text/javascript">
        var myPlayer = videojs('my-video');
        videojs("my-video").ready(function(){
            var myPlayer = this;
            /*myPlayer.play();*/
        });
    </script>
</div>
<!--遮罩-->
<div class="shade"></div>
<!--头部-->
<div class="site-topbar">
    <div class="container">
        <div class="topbar-nav">
            <a href="javascript:;">在线客服</a>
            <a href="javascript:;">艾百科</a>
            <a href="javascript:;">养生百科</a>
            <a href="javascript:;">艾家商城移动版</a>
        </div>
        <div class="topbar-cart">
            <a href="javascript:;" class="cart-mini">
                <span class="cart"></span>
                <span>购物车</span>
                <span class="gwc_number"></span>
            </a>
        </div>
        <div class="topbar-info">
            <div class="login" style="display: inline-block">
                <a href="login.html">登录</a>
                <a href="register.html">注册</a>
            </div>
            <a href="javascript:;">消息通知</a>

        </div>
    </div>
</div>
<!--导航-->
<div class="site-header">
    <div class="container">
        <div class="header-logo">
            <a href="javascript:;">
                <span class="logo"></span>
            </a>
        </div>
        <div class="header-nav">
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>艾灸</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z1.jpg" >
                                            <p class="tittle">景德镇艾灸礼包</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z2.jpg" >
                                            <p class="tittle">独家艾灸</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z3.jpg" >
                                            <p class="tittle">顶级艾灸</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/z4.jpg" >
                                            <p class="tittle">多功能艾灸床</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>设备</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/zb1.jpg" >
                                            <p class="tittle">推拿仪</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/aj1.jpg" >
                                            <p class="tittle">艾香</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/cx1.jpg" >
                                            <p class="tittle">艾灸盒</p>
                                            <p class="price">999元</p>
                                        </a>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>艾柱</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/LH2.jpg" >
                                            <p class="tittle">艾柱贴</p>
                                            <p class="price">899元</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="javacsript:;" class="link">
                        <span>文化</span>
                    </a>
                    <div class="header-nav-menu">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <li style="border-left: 0">
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/LH3.jpg" >
                                            <p class="tittle">传艾图</p>
                                            <p class="price">1999元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/sj1.jpg" >
                                            <p class="tittle">艾草书</p>
                                            <p class="price">99元</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="figure figure-thumb">
                                        <a href="javascript:;">
                                            <img src="http://192.168.31.3:18089/sj4.jpg" >
                                            <p class="tittle">艾灸百科</p>
                                            <p class="price">99元</p>
                                        </a>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="header-search">
            <div class="search-form clearfix">
                <input class="search-text" type="text">
                <input type="submit" class="search-btn" value=" ">

                <div class="search-hot-words">
                    <a href="javasctipy:;">艾灸</a>
                    <a href="javascript:;">艾棒</a>
                </div>
                <div class="keyword-list hide">
                    <ul class="result-list"></ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--轮播-->
<div class="home-container">
    <div class="swiper-container">
        <div class="swiper-wrapper">


        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev" style="left: 234px"></div>
    </div>
    <div class="site-category">
        <ul class="site-category-list">

            <!--<li class="category-item">-->
            <!--<a href="javascript:;" class="tittle">手机 电话卡<span></span></a>-->
            <!--<div class="children clearfix" style="width: 530px;">-->
            <!--<ul class="children-list children-list-col children_list">-->
            <!---->
            <!--</ul>-->
            <!--<ul class="children-list children-list-col children_list2">-->

            <!--</ul>-->
            <!--</div>-->
            <!--</li>-->

        </ul>
        <!--二级分类-->

    </div>
    <div class="home-sub">
        <ul class="service_class_box clearfix">
            <li class="service_class">
                <p>授权服务网店</p>
            </li>
            <li class="service_class">
                <p>安装服务</p>
            </li>
            <li class="service_class">
                <p>售后政策</p>
            </li>
            <li class="service_class">
                <p>查询真伪</p>
            </li>
        </ul>
    </div>
    <!--明星单品-->
    <div class="products-box">
        <div class="products">
            <div class="box-hd">
                <h2 class="tittle">明星单品</h2>

                <div class="qh" style="margin-right: 14px">
                    <ul>
                        <li class="swiper-button-next2" style="margin-right: -6px;"><</li>
                        <li class="swiper-button-prev2" style="left: 234px">></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="clearfix">
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="../../img/1.jpeg">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="../../img/2.jpeg">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul class="clearfix">
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                        <li class="rainbow-item-1">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/28f54c24-e1f8-4cd2-b05f-f47b324ba788">

                                <h3 class="tittle">小米手机5 64GB</h3>

                                <p class="desc">四轴防抖相机，能刷公交卡、银行卡</p>

                                <p class="price">1000元</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<!--分类-->
<div class="page-main">
    <div class="container">
        <div class="container-box" id="capacity">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">智能硬件</h2>

                <div class="nav">
                    <div class="look-box">
                        <p class="look-all">查看全部<span>></span></p>
                    </div>
                </div>
            </div>
            <!--对应内容-->
            <div class="box-bd clearfix" style="display: block">
                <!--左面-->
                <div class="list-left">
                    <ul class="list">
                        <li class="item" style="height:614px;">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14943327069682_HrTXo.jpg">
                            </a>
                        </li>

                    </ul>
                </div>
                <!--右面-->
                <div class="list-right">
                    <div class="tab-container">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img" src="../../img/1.jpeg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img" src="../../img/4.jpeg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img" src="../../img/2.jpeg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-box" id="match">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">搭配</h2>

                <div class="nav" style="right: 86px;">
                    <ul id="match-btn">
                        <li class="btn-active">热门</li>
                        <li>耳机音箱</li>
                        <li>电源</li>
                        <li>电池内存卡</li>
                    </ul>
                </div>
                <span class="new-move">更多 >></span>
            </div>
            <!--对应内容-->
            <div class="box-bd clearfix" id="one-box" style="display: block">
                <!--左面-->
                <div class="list-left">
                    <ul class="list">
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14943869328129_ZTzIW.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
                <!--右面-->
                <div class="list-right">
                    <div class="tab-container">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-bd clearfix" id="two-box">
                <!--左面-->
                <div class="list-left">
                    <ul class="list">
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
                <!--右面-->
                <div class="list-right">
                    <div class="tab-container">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img" src="http://i1.mifile.cn/a1/T1SkV_BCd_1RXrhCrK!220x220.jpg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i1.mifile.cn/a1/pms_1482301662.61336109!220x220.jpg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-bd clearfix" id="three-box">
                <!--左面-->
                <div class="list-left">
                    <ul class="list">
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
                <!--右面-->
                <div class="list-right">
                    <div class="tab-container">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img" src="http://i1.mifile.cn/a1/T1atV_BQLT1RXrhCrK!220x220.jpg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-bd clearfix" id="one-four">
                <!--左面-->
                <div class="list-left">
                    <ul class="list">
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                        <li class="item">
                            <a href="javascript:;">
                                <img src="http://i3.mifile.cn/a4/xmad_14917442265775_pIcEt.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
                <!--右面-->
                <div class="list-right">
                    <div class="tab-container">
                        <ul class="clearfix">
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i1.mifile.cn/a1/pms_1481098212.65597197!220x220.jpg">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                            <li class="item">
                                <a href="javascript:;">
                                    <img class="item-img"
                                         src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                                    <p class="tittle">小米蓝牙运动耳机</p>

                                    <p class="price">149元</p>

                                    <p class="rank">1567人评论</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-box" style="height: 378px" id="recommend">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">为你推荐</h2>

                <div class="qh">
                    <ul style="">
                        <li id="left"><</li>
                        <li id="right">></li>
                    </ul>
                </div>
            </div>
            <!--对应内容-->
            <div class="content">
                <ul class="content-list">
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img"
                                 src="http://i2.mifile.cn/a1/pms_1476674302.67179007.jpg?width=150&height=150">

                            <p class="tittle">小米蓝牙运动耳机</p>

                            <p class="price">149元</p>

                            <p class="rank">1567人评论</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-box" style="height: 473px;margin-bottom: 22px">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">热评产品</h2>
            </div>
            <!--对应内容-->
            <div class="content" style="height:430px">
                <ul class="review-list clearfix">
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">

                            <p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>

                            <p class="author"> 来自于 HZG 的评价 </p>

                            <div class="info">
                                <p>米家压力IH电饭煲
                                    <span>999元</span>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">

                            <p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>

                            <p class="author"> 来自于 HZG 的评价 </p>

                            <div class="info">
                                <p>米家压力IH电饭煲
                                    <span>999元</span>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">

                            <p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>

                            <p class="author"> 来自于 HZG 的评价 </p>

                            <div class="info">
                                <p>米家压力IH电饭煲
                                    <span>999元</span>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">
                            <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">

                            <p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>

                            <p class="author"> 来自于 HZG 的评价 </p>

                            <div class="info">
                                <p>米家压力IH电饭煲
                                    <span>999元</span>
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-box" style="height: 478px;margin-bottom: 22px">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">内容</h2>
            </div>
            <!--对应内容-->
            <div class="content" style="height:435px">
                <ul class="details clearfix">
                    <li class="item content-item">
                        <h2 class="tittle">图书</h2>

                        <div class="xm-carousel-wrapper">
                            <div class="book-box box">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <!-- Add Pagination -->
                                <div class="book-pagination swiper-pagination"></div>
                                <!-- Add Arrows -->
                                <div class="book-button-next swiper-button-next"></div>
                                <div class="book-button-prev swiper-button-prev"></div>
                            </div>
                        </div>
                    </li>
                    <li class="item content-item">
                        <h2 class="tittle">图书</h2>

                        <div class="xm-carousel-wrapper">
                            <div class="book-box box">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <!-- Add Pagination -->
                                <div class="book-pagination swiper-pagination"></div>
                                <!-- Add Arrows -->
                                <div class="book-button-next swiper-button-next"></div>
                                <div class="book-button-prev swiper-button-prev"></div>
                            </div>
                        </div>
                    </li>
                    <li class="item content-item">
                        <h2 class="tittle">图书</h2>

                        <div class="xm-carousel-wrapper">
                            <div class="book-box box">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <!-- Add Pagination -->
                                <div class="book-pagination swiper-pagination"></div>
                                <!-- Add Arrows -->
                                <div class="book-button-next swiper-button-next"></div>
                                <div class="book-button-prev swiper-button-prev"></div>
                            </div>
                        </div>
                    </li>
                    <li class="item content-item">
                        <h2 class="tittle">图书</h2>

                        <div class="xm-carousel-wrapper">
                            <div class="book-box box">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="javascript:;">
                                            <h4 class="name">哈利·波特与被诅咒的孩子</h4>

                                            <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>

                                            <p class="price">12.99元</p>

                                            <div class="figure-img">
                                                <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <!-- Add Pagination -->
                                <div class="book-pagination swiper-pagination"></div>
                                <!-- Add Arrows -->
                                <div class="book-button-next swiper-button-next"></div>
                                <div class="book-button-prev swiper-button-prev"></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-box" style="height: 403px;margin-bottom: 22px">
            <!--导航列表-->
            <div class="box-hd">
                <h2 class="tittle">视频</h2>

                <div class="nav">
                    <div class="look-box">
                        <p class="look-all">查看全部<span>></span></p>
                    </div>
                </div>
            </div>
            <!--对应内容-->
            <div class="content">
                <ul class="clearfix">
                    <li class="item video-item">
                        <a href="javascript:;">
                            <div class="figure">
                                <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">
                                <p class="tittle">手机控制还是不太熟练</p>
                                <p class="desc"> 来自于 HZG 的评价 </p>
                            </div>
                        </a>
                    </li>
                    <li class="item video-item">
                        <a href="javascript:;">
                            <div class="figure">
                                <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">
                                <p class="tittle">手机控制还是不太熟练</p>
                                <p class="desc"> 来自于 HZG 的评价 </p>
                            </div>
                        </a>
                    </li>
                    <li class="item video-item">
                        <a href="javascript:;">
                            <div class="figure">
                                <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">
                                <p class="tittle">手机控制还是不太熟练</p>
                                <p class="desc"> 来自于 HZG 的评价 </p>
                            </div>
                        </a>
                    </li>
                    <li class="item video-item">
                        <a href="javascript:;">
                            <div class="figure">
                                <img class="item-img" src="http://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe">
                                <p class="tittle">手机控制还是不太熟练</p>
                                <p class="desc"> 来自于 HZG 的评价 </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="fuwu">
        <ul>
            <li>预约维修服务</li>
            <li>7天无理由退货</li>
            <li>15天免费换货</li>
            <li>满150元包邮</li>
            <li>520余家售后网点</li>
        </ul>
    </div>
    <div class="fuwu_det clearfix">
        <ul class="fl fuwu_det_item">
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>

            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
            <li class="fuwu_det_i fl">
                <p>帮助中心</p>
                <ul>
                    <li>账户管理</li>
                    <li>购物指南</li>
                    <li>订单操作</li>
                </ul>
            </li>
        </ul>
        <ul class="fl fuwu_det_tel">
            <li class="fuwu_det_num">400-100-5678</li>
            <li class="fuwu_det_time">周一至周日 8:00-18:00</li>
            <li class="fuwu_det_time">（仅收市话费）</li>
            <li class="fuwu_det_btn">24小时在线客服</li>
        </ul>
    </div>
    <div class="bottom clearfix">
        <div class="logo_b fl"></div>
        <div class="bottom_text fl">
            <ul>
                <li>艾家商城</li>
                <li>AiJia</li>
                <li>艾聊</li>
                <li>多看书城</li>
                <li>艾生活艾草</li>
                <li>艾疗</li>
                <li>艾家天猫店</li>
                <li>艾家淘宝直营店</li>
                <li>aijia.com</li>
            </ul>
            <p>aijia.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
            <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        </div>
        <div class="bottom_img fl">
            <img src="../../img/truste.png" alt="">
            <img src="../../img/v-logo-1.png" alt="">
            <img src="../../img/v-logo-2.png" alt="">
            <img src="../../img/v-logo-3.png" alt="">
        </div>
    </div>
</div>
</body>
</html>
<script>

    /*存搜索字段*/
    $('.search-btn').click(function(){
        var html=$('.search-text').val();
        if(html.length==0){
            return;
        }
        var cookietime = new Date();
        var date = new Date();
        cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
        $.cookie("search", html,{expires:cookietime});
        window.location.href = "search.html";
    });
    //存储页面路径
    var str_path=window.location.pathname;
    var arr_path=str_path.split('/');
    var location_index=arr_path[arr_path.length-1];
    //alert(location_index);
    var cookietime = new Date();
    var date = new Date();
    cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
    $.cookie("location_index", location_index,{expires:cookietime});

    //购物车按钮
    $('.cart-mini').click(function(){
        $.cookie("location_index", "shopCart.html",{expires:cookietime});
        $.ajax({
            url:'/user/get_user_info.do',
            type:'post',
            success:function(res){
                if(res.status){
                    window.location.href = "login.html";
                }else{
                    window.location.href = "shopCart.html";
                }
            },
            error:function(){
                alert('添加失败，请重新添加');
            }
        });
    });


    /*轮播图*/
    $.ajax({
        url:'/adv/list_by.do',
        data:{
            'position':1,
            'pageNum':1,
            'pageSize':4
        },
        type:'post',
        success:function(res){
            var img_arr=res.data.list;
            $.each(img_arr,function(index,val){
                $('.swiper-wrapper').append('<div class="swiper-slide"><img src="'+val.imageHost+val.mainImage+'"></div>');
                $('.swiper-wrapper img').eq(index).click(function(){
                    if(val.advType==0){
                        window.location.href=val.pageUrl;
                    }
                    if(val.advType==1){
                        var goods_id=val.categoryId;
                        var cookietime = new Date();
                        var date = new Date();
                        cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
                        //coockie保存时间
                        $.cookie("goods_id", goods_id,{expires:cookietime});
                        window.location.href = "product-list.html";
                    }
                    if(val.advType==2){
                        var good_det_id=val.productId;
                        var cookietime = new Date();
                        var date = new Date();
                        cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
                        $.cookie("good_det_id", good_det_id,{expires:cookietime});
                        window.location.href = "commodityDetils.html";
                    }
                });

            });
            var swiper2 = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                autoplay: 5000,
                autoplayDisableOnInteraction: false,
                slidesPerView: 1,
                paginationClickable: true,
                spaceBetween: 30,
                loop: true,
                effect: 'fade',
                fade: {
                    crossFade: false
                }
            });
        },
        error:function(){

        }
    });
    /*二级分类点击*/
    function list2_c() {
        $('.star-goods').click(function(){
            var goods_id=$(this).attr('id');
            var cookietime = new Date();
            var date = new Date();
            cookietime.setTime(date.getTime() + (24 * 60 * 60 * 1000));
            //coockie保存时间
            $.cookie("goods_id", goods_id,{expires:cookietime});
            window.location.href = "product-list.html";
        });
    }
    /*左侧菜单移入移出*/
    function list_in_out() {
        $('.site-category-list .category-item').mouseenter(function () {
            $(this).find($('.children ')).css('display', 'block');
            $(this).find($('.children-list ')).html('');
            var list1_id=$(this).attr('id');
            $.ajax({
                url:'/category/get_category.do',
                data:{
                    'categoryId':list1_id
                },
                type:'post',
                success:function(res){
                    var data=res.data;
                    $.each(data,function(index,val){
                        //index 索引
                        //val每一项的值
                        if(index<=5){
                            $(this).find($('.children_list')).append('<li class="star-goods" id="'+val.id+'"><a href="javascript:;" class="link" ><img class="thumb" src="http://192.168.31.3:18089/mall_config/category.png" width="30"><span class="text">'+val.name+'</span></a></li>');
                        }else{
                            $(this).find($('.children_list')).append('<li class="star-goods" id="'+val.id+'"><a href="javascript:;" class="link" ><img class="thumb" src="http://192.168.31.3:18089/mall_config/category.png" width="30"><span class="text">'+val.name+'</span></a></li>');
                        }
                    });
                    list2_c();

                },
                error:function(){

                }
            });
        });
        $('.site-category-list .category-item').mouseleave(function () {
            $(this).find($('.children ')).css('display', 'none');
        });
    }
    //获取一级分类
    $.ajax({
        url:'/category/get_category.do',
        type:'post',
        success:function(res){
            //console.log(res.data);
            var data=res.data;
            $.each(data,function(index,val){
                //index 索引
                //val每一项的值
                $('.site-category-list').append('<li class="category-item" id="'+val.id+'"><a href="javascript:;" class="tittle">'+val.name+'<span></span></a><div class="children clearfix" style="width: 530px;"><ul class="children-list children-list-col children_list"></ul><ul class="children-list children-list-col children_list2"></ul></div></li>');
            });
            list_in_out();
        },
        error:function(){

        }
    });

    $('.login').mouseover(function(){
        $('.info_select').css('display','block');
    });
    $('.login').mouseout(function(){
        $('.info_select').css('display','none');
    });
    var _width=$(window).width();
    $('.header-nav-menu').css('width',_width);
    $('.header-nav-menu').css('left','-40px');

    /*swiper2.params.autoplay=12200;*/
    var swiper = new Swiper('.products', {
        nextButton: '.swiper-button-next2',
        prevButton: '.swiper-button-prev2',
        autoplay: 8000,
        autoplayDisableOnInteraction: false,
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });
    var bookSwiper = new Swiper('.book-box', {
        pagination: '.book-pagination',
        nextButton: '.book-button-next',
        prevButton: '.book-button-prev',
        autoplayDisableOnInteraction: false,
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });
    /*导航*/
    $('.header-nav .nav-list li').mouseover(function(){
        $(this).find($('.header-nav-menu')).css('display','block');
    });
    $('.header-nav .nav-list li').mouseout(function(){
        $(this).find($('.header-nav-menu')).css('display','none');
    });

    function tab(box, content, btn, btnDiv, sev) {
        // 获取元素
        var oBox = document.getElementById(box);
        var aDiv = oBox.getElementsByClassName(content);
        var oBtn = document.getElementById(btn);
        var aBtn = oBtn.getElementsByTagName(btnDiv);

        for (var i = 0; i < aBtn.length; i++) {
            aBtn[i].index = i; // 循环给每一个按钮添加一个自定义属性
            // 循环给每一个按钮添加一个点击事件
            aBtn[i][sev] = function () {
                // 清空所有 (class,style)
                for (var i = 0; i < aBtn.length; i++) {
                    aBtn[i].className = '';
                    aDiv[i].style.display = 'none';
                }
                // 设置自己
                this.className = 'btn-active';
                // 0 1 2
                //alert(this.aaa);
                aDiv[this.index].style.display = 'block';
            };
        }
    }
    tab('match', 'box-bd', 'match-btn', 'li', 'onmouseover');
    /*左右滑动*/
    var oRight = document.getElementById('right');
    var oLeft = document.getElementById('left');
    var oBox = document.getElementsByClassName('content')[0];
    var oUl = oBox.getElementsByTagName('ul')[0];
    var aLi = oUl.children;
    oUl.style.width = aLi[0].offsetWidth * aLi.length + 234 + 'px';
    var W = oBox.offsetWidth;
    var left = 0;
    oRight.onclick = function () {
        if (left == 1) {
            return;
        }
        left += 1;
        oUl.style.transition = "0.3s ease"
        oUl.style.left = -(W + 14) * left + 'px';
    }
    oLeft.onclick = function () {
        if (left == 0) {
            return;
        }
        left -= 1;
        oUl.style.transition = "0.5s ease"
        oUl.style.left = -(W - 14) * left + 'px';
    }


    /*视频*/
    $('.video .close').click(function(){
        $('.shade').css('display','none');
        $('.video').css('display','none');
    });
    $('.video-item').click(function(){
        $('.shade').css('display','block');
        $('.video').css('display','block');
    });
    //获取登录信息
    $.ajax({
        url:'/user/get_user_info.do',
        type:'post',
        success:function(result){
            if(!result.status){
                $.ajax({
                    url: '/cart/get_cart_product_count.do',
                    type: 'post',
                    success: function (res) {
                        //console.log(res.data);
                        $('.gwc_number').html('('+res.data+')');
                        $('.cart-mini').css('background','rgba(255, 103, 0,.7)');
                    }
                });
                var name=result.data.username;
                $('.login').html('<a href="javascript:;">'+name+' , 您好！</a><div class="info_select"> <a href="personal-center.html">个人中心</a> <a href="user-favorite.html">我的喜欢</a> <a href="javascript:;" class="changeInfo">修改信息</a><a href="javascript:;" class="quit">退出登录</a> </div>');
                $('.quit').click(function(){
                    $.ajax({
                        url:'/user/logout.do',
                        type:'post',
                        success:function(result){
                            if(!result.status){
                                $('.hint').html('');
                                window.location.href='index.html';
                            }
                        }
                    });
                });
                $('.changeInfo').click(function(){
                    window.location.href='change-information.html';
                });
            }
        }
    });

</script>